﻿@using Reece.Open.Mvc.Three.Extenders

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/dropmenu.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/dropmenu_apple.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.dropmenu-1.1.4.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Reece.Menus.js")" type="text/javascript"></script>
    <h1>Dropmenu MVC 3 Razor</h1>
</head>

<body>
    <div id="menu" class="topMenu">
        @using (Html.BeginMenu("mainMenu", "dropmenu", true))
           {
               @Html.MenuItem("Index", "menuIndex", "/Home/Index");
               @Html.MenuItem("Other Stuff", "menuStuff");
               using (Html.BeginSubMenu())
               {
                   @Html.MenuItem("More stuff", "menuMore", "/Home/Stuff");
                   @Html.MenuItem("Last sub", "menuSub", "/Home/Stuff");
               }
               @Html.MenuItem("Nested", "menuNext");
               using (Html.BeginSubMenu())
               {
                   @Html.MenuItem("Sub one", "menuSubOne", "/Home/Nested");
                   @Html.MenuItem("Sub two", "menuSubTwo");
                   using (Html.BeginSubMenu())
                   {
                       @Html.MenuItem("Sub sub one", "menuSubSubOne", "/Home/Nested");
                       @Html.MenuItem("Sub sub two", "menuSubSubTwo", "/Home/Nested");
                   }
                   @Html.MenuItem("Sub three", "menuSubThree", "/Home/Nested");
               }
               @Html.MenuItem("Last", "menuLast", "/Home/Last");
           }
    </div>
    <br />
    <br />
    <br />
    <br />
    <div id="menu2" class="topMenu">
        @using (Html.BeginMenu("mainGraphicMenu", "apple", true))
           {
               // FirstMenuItem and LastMenuItem inject styles used in the dropmenu_apple.css
               @Html.FirstMenuItem("Index", "menuIndex", "/Home/Index");
               @Html.MenuItem("Other Stuff", "menuStuff");
               using (Html.BeginSubMenu())
               {
                   @Html.MenuItem("More stuff", "menuMore", "/Home/Stuff");
                   @Html.MenuItem("Last sub", "menuSub", "/Home/Stuff");
               }
               @Html.MenuItem("Nested", "menuNext");
               using (Html.BeginSubMenu())
               {
                   @Html.MenuItem("Sub one", "menuSubOne", "/Home/Nested");
                   @Html.MenuItem("Sub two", "menuSubTwo");
                   using (Html.BeginSubMenu())
                   {
                       @Html.MenuItem("Sub sub one", "menuSubSubOne", "/Home/Nested");
                       @Html.MenuItem("Sub sub two", "menuSubSubTwo", "/Home/Nested");
                   }
                   @Html.MenuItem("Sub three", "menuSubThree", "/Home/Nested");
               }
               @Html.LastMenuItem("Last", "menuLast", "/Home/Last");
           }
    </div>

    @RenderBody()
</body>
</html>
